<template>
  <div class="room-detail">
    <home-header>
      <div slot="title">{{ title }}</div>
    </home-header>
    <van-tabs class="tabs" v-model="active">
      <van-tab title="酒店简介">
        <room-introduction></room-introduction>
      </van-tab>
      <van-tab title="商家详情">
        <business-details></business-details>
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
import HomeHeader from "../header/Header";
import RoomIntroduction from "./components/RoomIntroduction";
import BusinessDetails from "./components/BusinessDetails";
export default {
  name: "RoomDetail",
  data() {
    return {
      active: 2,
      title: "维也纳酒店"
    };
  },
  components: {
    HomeHeader,
    RoomIntroduction,
    BusinessDetails
  }
};
</script>
<style lang="stylus" scoped>
.tabs {
  margin-top: 1.12rem;
}
</style>
